<!DOCTYPE html>

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="style.css">
<title>Captive</title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>


<script>
	
	$(document).ready(
		function() {
			document.getElementById('audiotag1').play();
			document.getElementById("dialog").style.display="inherit";
			document.getElementById("background").style.display="inherit";
			document.getElementById("dialog").innerHTML = "(Someone knocking on the door)";
			$("#dialog").click(dialog1);
		}
	);
	
	function dialog1()
	{
		$("#dialog").unbind('click');
		document.getElementById("dialog").innerHTML = "I say: <br/>Who's there? Jimmy, is that you? (open the door)";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog2);
		}
	}
	
	function dialog2()
	{
		$("#dialog").unbind('click');
		document.getElementById("dialog").innerHTML = "(Jimmy is at the door accompanied by a complete stranger who is holding a gun.)";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog3);
		}
	}
	
	function dialog3()
	{
		$("#dialog").unbind('click');
		document.getElementById("dialog").innerHTML = "I say: <br/>Jimmy! Thank God you're okay!";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog4);
		}
	}
	
	function dialog4()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/stephen.png";
		document.getElementById("dialog").innerHTML = "Stranger says sarcastically: <br/>Ohhhh, isn't this touching?";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog5);
		}
	}
	
	function dialog5()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/child.png";
		document.getElementById("dialog").innerHTML = "Jimmy says nervously: <br/>Stephen, can we please get this over with?";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog6);
		}
	}
	
	function dialog6()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/stephen.png";
		document.getElementById("dialog").innerHTML = "Stranger/Stephen says: <br/>Sure, little fellow!";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog7);
		}
	}
	
	function dialog7()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/blank.png";
		document.getElementById("dialog").innerHTML = "I say suspiciously: <br/>Jimmy, who is he? What is he doing here?";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog8);
		}
	}
	
	function dialog8()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/stephen.png";
		document.getElementById("dialog").innerHTML = "Stephen says sarcastically: <br/>We are here to take some farewell presents from you, of course. Jimmy, where is the safe you're talking about?";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog9);
		}
	}
	
	function dialog9()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/child.png";
		document.getElementById("dialog").innerHTML = "Jimmy says: <br/>It's over there.";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog10);
		}
	}
	
	function dialog10()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/blank.png";
		document.getElementById("dialog").innerHTML = "(Stephen enters the room but still points the gun at me. He reaches for the safe.)";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog11);
		}
	}
	
	function dialog11()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/stephen.png";
		document.getElementById("dialog").innerHTML = "Stephen says: <br/> What's the combination?";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog12);
		}
	}
	
	function dialog12()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/child.png";
		document.getElementById("dialog").innerHTML = "Jimmy says sadly: <br/>8-24-20-3. It's the date Dad founded the company.....August 24th, 2003.";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog13);
		}
	}
	
	function dialog13()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/blank.png";
		document.getElementById("dialog").innerHTML = "I say: <br/>Jimmy, what is this about? Are you helping him rob me?";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog14);
		}
	}
	
	function dialog14()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/stephen.png";
		document.getElementById("dialog").innerHTML = "Stephen says: <br/>Duh! Keep up, old man!";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog15);
		}
	}
	
	function dialog15()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/blank.png";
		document.getElementById("dialog").innerHTML = "I say: <br/>I can't believe this! Why are you doing this to me, Jimmy? How could you do this to your own father?";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog16);
		}
	}
	
	function dialog16()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/child.png";
		document.getElementById("dialog").innerHTML = "Jimmy says: <br/>Maybe biologically we are related, but you never feel like a father to me. When Mom died, I felt...I felt...I felt like I lost my only family. You were never there for me. You care about your company more than anything else. Family always came after your company.";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog17);
		}
	}
	
	function dialog17()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/blank.png";
		document.getElementById("dialog").innerHTML = "I say: <br/>That's not true. I wouldn't work so hard if it wasn't for you, for the family! I work hard to earn money so you can have a better life! Didn't I buy you everything you want?";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog18);
		}
	}
	
	function dialog18()
	{ 
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/child.png";
		document.getElementById("dialog").innerHTML = "Jimmy says: <br/>I don't want the stuff! I want you to be there when I need you, Dad!";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog19);
		}
	}
	
	function dialog19()
	{ 
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/blank.png";
		document.getElementById("dialog").innerHTML = "I say: <br/>You know I can't. My company needs me. People in my company need me!";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog20);
		}
	}
	
	function dialog20()
	{ 
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/child.png";
		document.getElementById("dialog").innerHTML = "Jimmy says: <br/>You don't get it, do you? You will never know what it takes to be a father! Stephen, can we leave now?";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog21);
		}
	}
	
	function dialog21()
	{ 
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/stephen.png";
		document.getElementById("dialog").innerHTML = "Stephen says: <br/>I got the money, so anytime!";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog22);
		}
	}
	
	function dialog22()
	{ 
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/blank.png";
		document.getElementById("dialog").innerHTML = "I say: <br/>Please, don't take the money! The company needs funding for the next acquisition.";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog23);
		}
	}
	
	function dialog23()
	{ 
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/child.png";
		document.getElementById("dialog").innerHTML = "Jimmy says: <br/>We will put this money into better use than you ever can.";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog24);
		}
	}
	
	function dialog24()
	{ 
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/stephen.png";
		document.getElementById("dialog").innerHTML = "Stephen says: <br/>We are leaving now. Don't follow us, or else I will shoot. You should be thankful. I was going to kill you, but the kid said no.";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog25);
		}
	}
	
	function dialog25()
	{ 
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/child.png";
		document.getElementById("dialog").innerHTML = "Jimmy says: <br/>Don't follow us. I still don't want you to get hurt. Bye.";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog26);
		}
	}
	
	function dialog26()
	{
		$("#dialog").unbind('click');
		document.getElementById("peopleimage").src="images/blank.png";
		document.getElementById("dialog").innerHTML = "(Jimmy and Stephen leave)";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog27);
		}
	}
	
	function dialog27()
	{
		$("#dialog").unbind('click');
		document.getElementById("dialog").innerHTML = "My money....Why is Jimmy doing this to me?<br/>And the kidnapping, did Jimmy plan it?<br/>The kidnapper...who is he? Now I think of it, he looks familiar....";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(dialog28);
		}
	}
	
	function dialog28()
	{
		$("#dialog").unbind('click');
		document.getElementById("dialog").innerHTML = "Oh God, Jimmy....Why did you do this to me....";
		setTimeout(bind_click, 1000);
		function bind_click(){
			$("#dialog").click(endscene);
		}
	}
	
	
	function endscene()
	{
		$("#dialog").unbind('click');
		$("#dialog").fadeOut(5000,nextscene);
	}
	
	function nextscene()
	{
		window.location = "theend.php";
	}
	
</script>



</head>

<body>


<div id="container">
	<div id="background"><img src="images/office.jpg" /></div>
	<div id="dialog">
	</div>
	<div id="people"><img id="peopleimage" src=""></div>
</div>

<audio id="audiotag1" src="audios/door_knock.mp3" preload="auto"></audio>


</body>
</html>